<#include "/admin/_inc/_head.html"/>
<#include "/admin/_inc/_layout.html" />
<!DOCTYPE html>
<html lang="en">

<head>
    <@head />
</head>

<body>
    <@layout>
        <nav class="breadcrumb">
            <!-- <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 管理员管理 <span class="c-gray en">&gt;</span> 管理员列表 -->
            <a class="btn btn-success btn-refresh radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
                title="刷新">
                <i class="Hui-iconfont">&#xe68f;</i>
            </a>
        </nav>
        <div class="pd-20">
            <div class="text-l">
                <form id="query-form">
                    <input type="text" class="input-text" style="width:250px" placeholder="输入名称" id="name" name="name">
                    <button type="button" class="btn btn-success" id="btn-query">
                        <i class="Hui-iconfont">&#xe665;</i> 查询
                    </button>
                </form>
            </div>

            <div class="cl pd-5 bg-1 bk-gray mt-20">
                <span class="l">
                    <a href="javascript:;" onclick="tgridObj.add();" class="btn btn-primary radius">
                        <i class="Hui-iconfont">&#xe600;</i> 添加</a>
                    <a href="javascript:;" onclick="tgridObj.edit();" class="btn btn-primary radius">
                        <i class="Hui-iconfont">&#xe60c;</i> 编辑</a>
                    <a href="javascript:;" onclick="tgridObj.resetpwd();" class="btn btn-primary radius">
                        <i class="Hui-iconfont">&#xe60c;</i> 重置密码</a>
                    <!--<a href="javascript:;" onclick="tgridObj.unlocked();" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe605;</i>解锁</a>
                    <a href="javascript:;" onclick="tgridObj.locked();" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe60e;</i> 锁定</a>-->
                    <a href="javascript:;" onclick="tgridObj.del();" class="btn btn-danger radius">
                        <i class="Hui-iconfont">&#xe605;</i>删除</a>
                </span>
                <span class="r">共有数据：
                    <strong class="total">0</strong> 条</span>
            </div>
            <table id="data-table" class="table table-bg table-hover"></table>
            <div id="pagination" class="cl pd-10 r"></div>


        </div>
    </@layout>

    <@tablejs />
    <script type="text/javascript">
        var $table = null;
        //    router.set('/ad/position/addview',function () {
        //    });


        $(function () {
            //toolbar();
            initTable()
            $('#btn-query').click(function () {
                $table.bootstrapTable('destroy');
                initTable();
            });
        });

        function initTable() {

            $table = $('#data-table').bootstrapTable({
                url: global.adminPath + '/account/datapage',  //请求后台的URL（*）
                method: 'get',   //请求方式（*）
                //toolbar: '#toolbar',  //工具按钮用哪个容器
                striped: false,   //是否显示行间隔色
                cache: false,   //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,   //是否显示分页（*）
                sortable: false,   //是否启用排序
                sortOrder: "desc",   //排序方式
                queryParams: function queryParams(params) { //传递参数（*）
                    params.currentPage = params.offset;
                    params.showCount = params.limit;
                    params.name = $('#name').val();
                    return params;
                },
                sidePagination: "server",  //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,   //初始化加载第一页，默认第一页
                pageSize: 10,   //每页的记录行数（*）
                pageList: [10, 25, 50, 100], //可供选择的每页的行数（*）
                search: false,   //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                strictSearch: true,
                showColumns: false,   //是否显示所有的列
                showRefresh: false,   //是否显示刷新按钮
                minimumCountColumns: 2,  //最少允许的列数
                clickToSelect: true,  //是否启用点击选中行
                //height: 400,   //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
                uniqueId: "id",   //每一行的唯一标识，一般为主键列
                showToggle: false,   //是否显示详细视图和列表视图的切换按钮
                cardView: false,   //是否显示详细视图
                detailView: false,   //是否显示父子表
                columns: [
                    {
                        checkbox: true
                    }, {
                        field: 'name',
                        title: '用户名称'
                    }, {
                        field: 'nickName',
                        title: '昵称(真实名称)'
                    }, {
                        field: 'sex',
                        title: '性别',
                        formatter: function (value, row, index) {
                            if (value == '2') {
                                return '女'
                            } else if (value == '1') {
                                return '男'
                            }
                            return '未知'
                        }
                    },
                    {
                        field: 'phone',
                        title: '手机号'
                    },
                    {
                        field: 'eMail',
                        title: '邮箱'
                    }, {
                        field: 'locked',
                        title: '是否冻结',
                        formatter: function (value, row, index) {
                            if (value == '1') {
                                return '正常'
                            } else if (value == '0') {
                                return '冻结'
                            }
                        }
                    }
                ]
            });
        }


        var tgridObj = {
            add: function () {
                var url = global.adminPath + '/account/addview';
                layer_show('添加', url, 800, 500);
            },
            edit: function () {
                var obj = $table.bootstrapTable('getSelections');

                if (obj.length != 1) {
                    layer.alert('请选择一条', {
                        icon: 7
                    });
                    return false;
                }

                var url = global.adminPath + '/account/edit/' + obj[0].userId;
                layer_full('编辑', url);
            },
            resetpwd: function (id) {
                var obj = $table.bootstrapTable('getSelections');

                if (obj.length != 1) {
                    layer.alert('请选择一条', {
                        icon: 7
                    });
                    return false;
                }
                $.ajax({
                    data: {},
                    type: 'post',
                    dataType: 'json',
                    url: global.adminPath + '/account/resetpwd/' + obj[0].userId,
                    success: function (res) {
                        if (res.success) {
                            layer.alert("新密码:" + res.data, {
                                skin: 'layui-layer-lan'
                                , closeBtn: 0
                                //,anim: 4 //动画类型
                            });
                        } else {
                            layer.msg(res.message, { icon: 2 });
                        }
                    }
                });
            },
            del: function () {

                var obj = $table.bootstrapTable('getSelections');

                if (obj.length != 1) {
                    layer.alert('请选择一条', {
                        icon: 7
                    });
                    return false;
                }

                layer.confirm('确认要删除吗？', function (index) {
                    var data = {};

                    $.ajax({
                        type: "POST",
                        data: data,
                        dataType: 'json',
                        url: global.adminPath + '/account/delete/' + obj[0].userId,
                        success: function (res) {
                            if (res.success) {
                                layer.msg(res.message, {
                                    icon: 1,
                                    time: 2000, ///2秒关闭（如果不配置，默认是3秒）
                                }, function () {
                                    location.reload();
                                });
                            } else {
                                layer.msg(res.message, { icon: 2 });
                            }
                        }
                    });

                });
            }

        }




    </script>
</body>

</html>